<script setup>
// This starter template is using Vue 3 <script setup> SFCs
// Check out https://vuejs.org/api/sfc-script-setup.html#script-setup
import HelloWorld from './components/HelloWorld.vue'
import Test01 from './components/Test01.vue'
</script>

<template>
  <div class="parent">
    <header>
      <h2>VUE项目学习</h2>
    </header>
    <div class="center">
      233
    </div>
    <footer>
      就离开了时刻提防
    </footer>
  </div>
</template>

<style scoped>
.parent{
  display: flex;
  flex-direction: column;
  width: 100%;height: 100%;
}
header{
  height: 60px;
  background: #3677d9;
  color:#fff;
}
.center{
  flex:1;
}
footer{
  height: 50px;
  background: #1a1a1a;
  color:#fff;
}
</style>
